<template>
  <div>
    <!--    管道符 | -->
    <p> message的值是: {{ msg  |  capi }}</p>

    <p>当前时间是: {{time | myFormatTime}}</p>
  </div>
</template>

<script>

export default {
  name: "filters",
  data() {
    return {
      msg: 'this is a book',
      time:undefined
    }
  },
  mounted(){
    this.time = new Date()
  }
  // 私有的过滤器函数，必须被定义到filters节点下，本质上是一个函数
  // 一定要有一个返回值   return xxx
  /*  filters: {
      capi(val) {

        if (val) {
          let result = val.toString().split(" ").map((item, index) => {
            console.log(item)
            return item.charAt(0).toUpperCase() + item.slice(1)
          })
          return result.join(" ")
        }
        return val
      }
    },*/
}
</script>

<style scoped>

</style>
